<template>
  <div>
    <footer class="fixed w100p bg-fff flex jc-sa aic f14">
        <router-link active-class="active" to="/goods">
            <p class="flex fdc jc-c aic">
                <i class="iconfont icon-home"></i>
                <span>首页</span>
            </p>
        </router-link>
        <router-link active-class="active" to="/type">
            <p class="flex fdc jc-c aic">
                <i class="iconfont icon-fenlei"></i>
                <span>分类</span>
            </p>
        </router-link>
        <router-link active-class="active" to="/cart">
            <p class="flex fdc jc-c aic">
                <i class="iconfont icon-gouwuchexian"></i>
                <span>购物车</span>
            </p>
        </router-link>
       <router-link active-class="active" to="/my">
        <p class="flex fdc jc-c aic">
            <i class="iconfont icon-wode"></i>
            <span>我的</span>
        </p>
       </router-link>
       <router-link active-class="active" to="/demo" href="./个人中心.html">
        <p class="flex fdc jc-c aic">
            <i class="iconfont icon-wode"></i>
            <span>demo</span>
        </p>
       </router-link>
       <router-link active-class="active" to="/demo2" href="./个人中心.html">
        <p class="flex fdc jc-c aic">
            <i class="iconfont icon-wode"></i>
            <span>demo2</span>
        </p>
       </router-link>
    </footer>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less">
  footer{
      bottom: 0;
      height: 50px;
  }
  footer p .iconfont{
      font-size: 20px;
  }
  a{
      text-decoration: none;
      color: #999;
  }
  .active{
    color: red;
  }
</style>